.img > img {
    width: 100%;
}
.font12 > span {
    display: inline-block;
    font-size: 1.5vw;
    margin-right: 10%;
    color: #333333;
    margin-bottom: 5%;
}
.tel-list {
    width: 95%;
    height: 100%;
    margin: 0 auto;
}
.tel-list>li:nth-child(2n+1){
    border-right:1px dashed #979797 ;
}
.tel-list>li{
    float: left;
}
.tel-list{
    display:flex;
    flex-flow: row wrap;
    margin-bottom: 10%;
}
.tel-list>li{
    border-bottom:1px dashed #979797 ;
    width: 49%;
    height: 200px;
}
.title{
    color: #333333;
    font-size:1.8vw;
    padding-top: 2%;
    padding-left: 15%;
    margin-bottom: 5%;
}
.font12>p{
    font-size:1.2vw;
    margin: 1% 0;
}
.font12{
    padding-left: 20%;
}
/*==================*/
.map-list {
    width: 95%;
    height: 100%;
    margin: 0 auto;
    border: 1px solid red;

}
.map-list > div {
    display: inline-block;
}
.map {
    width: 55%;
    height: 300px;
    background: url("../img/other/map.png")no-repeat center;
    background-size: cover;
}
.map-font {
    width: 43%;
    float: right;
    color:#333333;
}
.map-font>p{
    margin: 3%;
}
.imgs>img{
    width: 29%;
    margin: 2%;
}